import React from 'react'
import EventFilterList from "../../containers/game/Football/EventFilterList/EventFilterList";


class UpdateGameList extends React.Component {

    constructor(props) {
        super(props)
        this.state = {
            height: document.documentElement.clientHeight - 81.5 - 50,
        }
    }

    onTouchEnd = (e) => {
        const last = this.ctn.lastElementChild
        const rect = last.getBoundingClientRect()
        const top = rect.top - 81.5
    }

    render() {
        return <div
            style={{
                height: this.state.height,
                overflow: 'auto',
                backgroundColor: 'rgb(248, 248, 248)',
            }}
            ref={el => this.ctn = el}
            onTouchEnd={(e) => this.onTouchEnd(e)}
        >
            <EventFilterList matches={this.props.matches} render={this.props.matchesRender}/>
        </div>
    }

}

export default UpdateGameList
